/* here is overries.less */

/*!
 * Typeography
 */
html{
    min-height:100%;
    #gradient > .vertical(#212223, #143b63);
    /* The Magic */
    background-size:cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

body {
    background-color: transparent;


    min-height:100%;
}

html,
body,
button,
input,
select,
textarea,
p{
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

p {
    margin: 0 0 9px;
}

p small {
    font-size: 11px;
    color: #999999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
}




form ul,
form li {
    list-style: none;
}
form li.action {
    padding-left: 200px;
}
from .btn{
    margin-bottom: 10px;
}

input[type*="submit"].btn-margin-bottom, 
input[type*="button"].btn-margin-bottom{
    margin-bottom:10px;
}






select {
    background-color: #FFFFFF;
    width: auto;
}

hr {
    // border-top: 1px solid lighten(@linkAccentColorHover, 10%);
    // border-bottom: 1px solid darken(@linkAccentColorHover,20%);
    border:none;
}
ul{
    margin: 0;
    li{
        list-style: none;
    }
}



.navbar-inner {
    background: none;
}
.navbar .nav li{
    line-height: 40px;
}
.navbar .nav > li > a {

    text-shadow:none;
    border-bottom:2px solid transparent;
    &:hover {
        border-bottom:2px solid @DominantTone;
    }
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    border-bottom:2px solid @DominantTone;
}

.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover {
    border-bottom:2px solid @DominantTone;
}




.navbar-search  {
    position: relative;
    margin-right: 20px;
    margin-left:20px;
    .search-query {
        // background: #fff data-uri(%("%simages/zoom.png",@customImgPath)) no-repeat 90% center;
        // .transition(none);
        // box-shadow: none;

        // border: 1px solid @grayLighter;
        // border-right: none;
        // color: darken(@grayLighter, 50%);
        // float: left;
        // font-size:12px;
        // line-height: 15px;
        .placeholder(darken(@grayLighter, 30%));

    }
    input.search-button {
        // background: @DominantTone;
        color: #fff;
        // border: 1px solid lighten(@SecondaryAccentColor, 10%);
        line-height: 24px;
        border-radius: 0;
        // padding: 3px 15px;
        // float: left;
        text-indent: -10000px;
        background-color:transparent;
        position: absolute;
        right: 10px;
        top:-2px;
        .sprite(@search_icon);
        &,&:hover,&:active,&:focus{
            background-color:transparent!important;
            background-position: 0 -991px!important;
            background-image: url('../images/sprites.png')!important;
            outline: none!important;
            border: none;
            box-shadow: none;
            -webkit-box-shadow:none;
        }

    }

}


.nav-list  .active  a,
.nav-list  .active  a:hover,
.nav-list  .active  a:focus /* fix for IE6 */ {
  color: @white;
  background-color: @AccentColor;
}

.nav-list .active * a, .nav-list .active * a:hover{
    background-color:inherit;
    color: inherit;
} 


// accordion

.accordion {
    margin-bottom: 0;
}

.accordion-group {
    border-color: @boxBorderColor;
    .accordion-body{
          -webkit-transition: height 0.35s ease;
          -moz-transition: height 0.35s ease;
          -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
          ul{
            -webkit-transition: height 0.35s ease;
              -moz-transition: height 0.35s ease;
              -o-transition: height 0.35s ease;
              transition: height 0.35s ease;
          }
      }
}

.collapsing{
    overflow: hidden;
}

// dropdown
.dropdown-menu{
 .border-radius(0);
    .box-shadow(0 0 5px rgba(0,0,0,.2));
}
.dropdown-menu li {
    line-height: @btnLineHeight;
    margin: 0 10px;
}


// modal

.big-modal{
    width: 100%;
    .modal-body{
        max-height: 550px;
    }
    margin:-15% 0 0 -50%
}

.modal{
    .border-radius(3px);
}




input[type*="submit"],
input[type*="button"] {
    display: inline-block;
    .ie7-inline-block();
    padding: 4px 12px;
    margin-bottom: 0; // For input.btn
    font-size: @baseFontSize;
    line-height: @baseLineHeight;
    *line-height: @baseLineHeight;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
    border: 1px solid @btnBorder;
    *border: 0; // Remove the border to prevent IE7's black border on input:focus
    border-bottom-color: darken(@btnBorder, 10%);
    .border-radius(@baseBorderRadius);
    .ie7-restore-left-whitespace(); // Give IE7 some love
    .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
    // Hover/focus state
    &.btn-hover,
    &:hover,
    &:focus {
        color: @grayDark;
        text-decoration: none;
        background-color: darken(@white, 10%);
        *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 -15px;
        // transition is only when going to hover/focus, otherwise the background
        // behind the gradient (there for IE<=9 fallback) gets mismatched
        .transition(background-position .1s linear);
    }
    // Focus state for keyboard and accessibility
    &:focus {
        .tab-focus();
    }
    // Active state
    &:active,
    &.active {
        background-color: darken(@white, 10%);
        background-color: darken(@white, 15%) e("\9");
        background-image: none;
        outline: 0;
        .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
    }
    // Disabled state
    &.disabled,
    &[disabled],
    &-disabled {
        cursor: default;
        background-color: darken(@white, 10%);
        background-image: none;
        .opacity(65);
        .box-shadow(none);
    }

    _padding-top: 3px;
    _padding-bottom: 3px;

    &.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    &.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    &.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }
}

.btn,
input[type*="submit"], 
input[type*="button"]{
    .box-shadow(none);
    background:none;
    border-color:transparent;
    color:@white;
    background-color:@DominantTone;
    text-shadow:none;
    &:hover{
        color:@white;
        background-color:@AccentColor ;
    }

    &.btn-default {
         .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
    }
    // Set the backgrounds
    // -------------------------
    &.btn-primary {
      .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
    }
    // Warning appears are orange
    &.btn-warning {
      .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
    }
    // Danger and error appear as red
    &.btn-danger {
      .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
    }
    // Success appears as green
    &.btn-success {
      .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
    }
    // Info appears as a neutral blue
    &.btn-info {
      .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
    }
    // Inverse appears as dark gray
    &.btn-inverse {
      .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
    }



}


.container-fluid{
    padding: 0;

}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
// header{
//     position: relative;
//     z-index: 905;
//     background-color: #222;
// }
// .navbar{
//     margin-bottom: 0;
//     padding-bottom: 20px;
    
// }
// html{
//     position: relative;
//     min-width: 1192px;
// }